/*banner*/
.banner { height: 580px; background: #F8F8F8; }
.banner-list { height: 580px; position: relative; z-index: 1; }
.banner li { position: absolute; width: 100%; height: 580px; top: 0; left: 0; transition: all 1.5s; }
.banner li a { display: block; height: 580px; background-size: cover; }
.banner-paging { position: absolute; bottom: 40px; left: 50%; transform: translate(-50%,0%); z-index: 200; }
.banner-paging span { display: inline-block; position: relative; width: 12px; height: 12px; line-height: 12px; text-align: center; border-radius: 50%; margin-right: 10px; }
.banner-paging em { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.banner-btn { display: none; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); text-align: center; z-index: 200; cursor: pointer; }
.banner .btn-pre { left: 60px; }
.banner .btn-next { right: 60px; }
.banner-btn .ico60 { width: 50px; height: 50px; }
.banner .ico-left-circle50 { background-position-x: -125px; }
.banner .ico-right-circle50 { background-position-x: -185px; }
.banner:hover .banner-btn { display: block; }

.banner-narrow { width: 1220px; margin: auto; }

.column { margin-top: 80px; text-align: center; }
.column .split1 { display: none; }
.column .item { display: inline-block; width: 152px; height: 152px; text-align: center; margin-right: 56px; position: relative; }
.column .item > a { display: block; width: 104px; height: 104px; padding: 24px; }
.column .item:hover { background: #F9F9F9; }
.column .item a:hover { text-decoration: none; }
.column .item p { position: absolute; bottom: 24px; height: 24px; width: 100%; }
.column .item p a { display: block; }
.column .item p:last-child { display: none }
.column .item img { width: 64px; height: 64px; object-fit: cover; }
.column .item:last-child { margin-right: 0px; }

.section { margin-top: 80px; }
.section .title { line-height: 32px; margin-bottom: 50px; text-align: center; }
.section .title .name { position: relative; }
.section .title .name span { display: none; }
.section .title .name .ico { width: 240px; margin: 0px 24px; }
.section .title .ico-title-right { background-position-x: -360px; }
.section .title .ico-title-left { background-position-x: -600px; }
.section .title .line2 { display: none; }
.section .title .more { display: none; }
.section .links { text-align: center; margin-top: 50px; }
.section .links .ico { background-position-y: -860px; margin-left: 30px; }

.aboutus { position: relative; height: 470px; margin-top: 0px; }
.aboutus .title { display: none; }
.aboutus .pic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.aboutus .pic img { width: 100%; height: 100%; object-fit: cover; }
.aboutus .item { position: absolute; top: 50%; margin-top: -160px; left: 50%; margin-left: -500px; z-index: 100; width: 1000px; height: 320px; background: rgba(255, 255, 255, 0.6); text-align: center; backdrop-filter: blur(17px); }
.aboutus .name { padding-top: 72px; }
.aboutus .name:after { display: block; content: ""; width: 60px; height: 3px; background: #fff; margin: 14px auto; }
.aboutus .desc { width: 738px; line-height: 24px; margin: auto; }
.aboutus .links { margin-top: 32px; }

.service { margin-top: 50px; }
.service .title { display: none; }
.service .item { width: 390px; height: 244px; float: left; margin-bottom: 30px; position: relative; margin-right: 25px; }
.service .item:nth-child(3n) { margin-right: 0px; }
.service .item .pic { width: 390px; height: 244px; overflow: hidden; }
.service .item .pic img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.service .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.service .item .name { position: absolute; bottom: 0px; width: 100%; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); }
.service .item .name a { display: block; padding: 0px 12px; color: #fff; }
.service .item .name a:hover { text-decoration: none; }
.service .item .desc { display: none; }
.service .item .link1 { display: none; }

.brand { background: #F9F9F9; padding: 80px 0px; margin-top: 0px; }
.brand .item { float: left; width: 216px; height: 140px; border: 1px solid #EEE; margin-right: 32px; margin-bottom: 27px; background: #fff; }
.brand .item:nth-child(5n) { margin-right: 0px; }
.brand .item .pic { width: 216px; height: 100px; }
.brand .item .pic img { max-width: 144px; max-height: 80px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.brand .item .name { height: 40px; line-height: 40px; text-align: center; }
.brand .links { margin-top: 26px; }

.product { background: #F9F9F9; padding: 80px 0px; }
.product .slider { display: none; }
.product .item { float: left; width: 243px; margin: 0 0 -1px -1px; transition: all 0.5s; position: relative; line-height: 20px; }
.product .item:hover { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.1); z-index: 1; }
.product .item a { display: block; padding: 24px 20px 18px 20px; text-decoration: none; }
.product .item .pic { width: 160px; height: 160px; margin: auto; }
.product .item .time { height: 20px; padding: 20px 0px 4px 0px; }
.product .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc { height: 20px; padding: 4px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc .split { margin: 0px 6px; margin-top: -2px; }
.product .item .price .old { text-decoration: line-through; }
.product .item .price span { margin-left: 4px; }
.product .item .tag { position: absolute; top: 12px; left: 12px; }
.product .item .tag span { vertical-align: middle; }
.product .item .pic-zoom { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; }
.product .item .pic-zoom:hover { opacity: 0.8; }
.product .item:hover .pic-zoom { display: block; }


.news { padding-bottom: 100px; }
.news .item { padding: 24px 0px; position: relative; border-top: 1px solid #EEEEEE; }
.news .item:last-child { border-bottom: 1px solid #EEEEEE; }
.news .item .type { display: none; }
.news .item .pic { width: 220px; height: 124px; float: left; margin-left: 207px; }
.news .item .pic img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.news .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.news .item .desc { float: right; width: 740px; position: relative; }
.news .item .name { line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.news .item .text { height: 44px; line-height: 22px; overflow: hidden; }
.news .item .link1 { display: none }
.news .item .time { position: absolute; top: 0px; left: -474px; color: #333; }
.news .item .author { color: #999; padding-top: 26px; }
.news .item .time span { font-weight: bold; }
.news .item .time span:after { display: inline-block; content: ""; width: 1px; height: 16px; background: #999; margin: 0px 8px; vertical-align: middle; }
.news .item .time2 { display: none; }

#category4 { display: block; }